<%@ page language="java" pageEncoding="UTF-8" %>
<!doctype html>
<html lang="zh-CN">
<head>
    <title>银成教育</title>
    <%@include file="/WEB-INF/views/commons/common.jsp" %>
    <link rel="stylesheet" type="text/css" href="${base_href}/static/ui-frame/login/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="${base_href}/static/ui-frame/login/css/default.css">
    <link rel="stylesheet" type="text/css" href="${base_href}/static/ui-frame/login/css/styles.css">
    <style>
        .divcss5-a {
            line-height: 30px
        }

        /* css 注释说明：设置行距行高30px */
        .divcss5-b {
            line-height: 40px
        }

        /* 设置行距行高22px */
    </style>
</head>
<body>
<div class="login-wrap">
    <div class="login-html">
        <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1"
                                                                                 class="tab divcss5-a">${form.paperName }</label>
        <input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab"></label>
        <div class="login-form">
            <form method="post" action="startAnswer">
                <input type="hidden" name="paperId" value="${paperId }"/>
                <div class="sign-in-htm">
                    <div class="group">
                        <label for="user" class="label">手机号</label>
                        <input name="userName" type="text" class="input" maxlength="11">
                    </div>
                    <div class="group">
                        <input id="SignIn" type="button" class="button" value="开始答题">
                        <input id="SignUpReal" type="submit" style="display: none;" value="开始答题">
                    </div>
                    <div class="hr"></div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="${base_href}/static/ui-frame/jquery/1.11.3/jquery.js"></script>
<script type="text/javascript" src="${base_href}/static/ui-frame/layer/layer.js"></script>

<script>
    $(function () {

        $("#SignIn").click(function () {
            var reg = /^[1]\d{10}$/
            var telePhone = $("input[name='userName']").val();

            if (!reg.test(telePhone)) {
                layer.msg('请输入正确的手机号');
            } else {
                $("#SignUpReal").click();
            }
        })
    });
</script>
</html>